<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html   xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:rich="http://richfaces.org/rich"
        xmlns:a4j="http://richfaces.org/a4j">
    
    <h:head>
        <h:outputStylesheet>
            .leftcolumn, .rightcolumn {
                width: 200px;
            }

            .contentcolumn, .leftcolumn, .rightcolumn {
                vertical-align: top;
            }
        </h:outputStylesheet>
    </h:head>
    <h:body>
        <h:panelGrid width="100%">
            <h:panelGroup id="header">
                <h:form>
                    <rich:toolbar itemSeparator="grid">
                        <rich:toolbarGroup>
                            <a4j:commandButton value="Home" render="content" action="#{indexService.putPageHomeEnabled()}"/>
                            <a4j:commandButton value="Members" render="content" action="#{indexService.putPageMembersEnabled()}"/>
                        </rich:toolbarGroup>
                    </rich:toolbar>
                </h:form>
            </h:panelGroup>
            <h:panelGroup id="content">
                <h:panelGrid columns="3" width="100%" columnClasses="leftcolumn, contentcolumn, rightcolumn">
                    <h:panelGroup id="left">
                        <rich:panel header="left"/>
                    </h:panelGroup>
                    <h:panelGroup id="center">
                        <rich:panel header="center">
                            <h:panelGrid columns="2">
                                <h:outputText value="Home: "/>
                                <h:outputText value="#{indexService.pageHomeEnabled}"/>
                                <h:outputText value="Members: "/>
                                <h:outputText value="#{indexService.pageMembersEnabled}"/>
                            </h:panelGrid>
                        </rich:panel>
                    </h:panelGroup>
                    <h:panelGroup id="right">
                        <rich:panel header="right"/>
                    </h:panelGroup>
                </h:panelGrid>
            </h:panelGroup>
            <h:panelGroup id="footer">
                <rich:panel header="footer"/>
            </h:panelGroup>
        </h:panelGrid>
    </h:body>
</html>